<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="../css/shouye.css"/>
	</head>
	<body>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript">
			$(function  () {
				$('#3-1ShangChuanLiuCheng').click(function  () {
				    location.href = "3-1ShangChuanLiuCheng.html";
//				    var a = $.load("3-1ShangChuanLiuCheng.html");
//				    $(".topTr").html(a)
				})
				$('#diploma_01').click(function  () {
				    location.href = "diploma_01.html";
				})
				$('#physical').click(function  () {
				    location.href = "physical.html";
				})
				$('#contract').click(function  () {
				    location.href = "contract.html";
				})
				$('#ticket').click(function  () {
				    location.href = "ticket.html";
				})
				$('#word').click(function  () {
				    location.href = "word.html";
				})
				$('footer .clickThisHref1-0HaiChengShouye').click(function  () {
				    location.href = "1-0HaiChengShouye.html";
				})
				$('footer .clickThisHreftrain').click(function  () {
				    location.href = "train.html";
				})
			})
		</script>
		<header>
			<p>上船</p>
		</header>
		<section class="content">
			<article class="topTr">
				<ul>
					<li id="3-1ShangChuanLiuCheng">
						<img src="../img/liuc.png">
						<p><a href="html/dpzy.html">上船流程</a></p>
					</li>
					<li id="diploma_01">
						<img src="../img/banli.png">
						<p><a href="html/dpzy.html">签证办理</a></p>
					</li>
					<li id="physical">
						<img src="../img/tijian.png">
						<p><a href="html/dpzy.html">健康体检</a></p>
					</li>
					<li>
						<img src="../img/qianz.png">
						<p><a href="html/dpzy.html">我的签证</a></p>
					</li>
				</ul>

			</article>
			<article class="bottomTr">
				<ul>
					<li id="ticket">
						<img src="../img/feiji.png">
						<p><a href="html/dpzy.html">电子机票</a></p>
					</li>
					<li>
						<img src="../img/xuzhi.png">
						<p><a href="html/dpzy.html">岗前须知</a></p>
					</li>
					<li id="contract">
						<img src="../img/hetong.png">
						<p><a href="html/dpzy.html">电子合同</a></p>
					</li>
					<li id="word">
						<img src="../img/wendang.png">
						<p><a href="html/dpzy.html">确认文档</a></p>
					</li>
				</ul>
			</article>
		</section>
		<section class="section"></section>
		<section class="nav">
			<p>海乘常识</p>
			<p>海乘证件</p>
			<p>海乘体检</p>
			<p>海乘出行</p>
		</section>
		<section class="main">
			<dl>
				<dd>
					<h6>在游轮上印度客人点头Yes，摇头未必</h6>
					<p>这是一个印度的小女孩，名字太长，实在记不住，印象很深，我们早上几点开的门....</p>
		<p><span class="span"><img src="../img/1.png" >  12345</span><a><img src="../img/2.png" >  12345</a></p>
				</dd>
				<dt><img src="../img/picture1.png"</dt>
			</dl>
			
			<dl>
				<dd>
					<h6>在游轮上印度客人点头Yes，摇头未必</h6>
					<p>这是一个印度的小女孩，名字太长，实在记不住，印象很深，我们早上几点开的门....</p>
		<p><span class="span"><img src="../img/1.png" >  12345</span><a><img src="../img/2.png" >  12345</a></p>
				</dd>
				<dt><img src="../img/picture2.png" ></dt>
			</dl>
			
			<dl>
				<dd>
					<h6>在游轮上印度客人点头Yes，摇头未必</h6>
					<p>这是一个印度的小女孩，名字太长，实在记不住，印象很深，我们早上几点开的门....</p>
		<p><span class="span"><img src="../img/1.png" >  12345</span><a><img src="../img/2.png" >  12345</a></p>
				</dd>
				<dt><img src="../img/picture3.png"> </dt>
			</dl>
		</section>
		
		<footer>
			<dl class="clickThisHref1-0HaiChengShouye">
				<dt><img src="../img/3.png"></dt>
				<dd>招聘</dd>
			</dl>
			<dl class="clickThisHreftrain">
				<dt><img src="../img/4.png"></dt>
				<dd>培训</dd>
			</dl>
			<dl>
				<dt><img src="../img/5.png"></dt>
				<dd>上船</dd>
			</dl>
			<dl class="clickThisHref04-1HaiChengShouye-WoDe">
				<dt><img src="../img/6.png"></dt>
				<dd>我的</dd>
			</dl>
		</footer>
		
	</body>
</html>
